#{extends 'menuCoordenador.html' /}
#{set title:'AlterarSenha' /}

<script type="text/javascript">
// Metodo para validar o Email
function checkMail(mail){
        var er = /^[A-Za-z0-9_\-\.]+@[A-Za-z0-9_\-\.]{1,}\.[A-Za-z0-9]{1,}(\.[A-Za-z0-9])?/;
        if(typeof(mail) == "string"){
                if(er.test(mail)){
                
                	return true;
                }
        }else if(typeof(mail) == "object"){
                if(er.test(mail.value)){ 
                                        return true; 
                                }
        }
        
        return false;                
}

function verificaForm() {

	var email = document.getElementById("email");
	var noerror = true; //Verifica se houve erro
	
	if (!checkMail(email.value)) {
		alert("Email inválido!");
		email.style.color = "red";
		noerror = false;
	}
	return noerror;
}

function sendForm() {
	var getForm = document.forms[0]; 
	if (verificaForm()) {
		getForm.submit();
	}
}
</script>

<div id ="form">
<div align= "center">
<h3> Coordenador <br> </h3>
Dados do membro do colegiado: ${usuario.email}

#{form @Coordenador.alterarColegiado(id)}

<br>
<div id = "teste" align = "right" >
Nome do usuário:                 <input type="Text" name="email" id="email" size="50" value="${usuario.email}"><br>
Nova Senha: <input type="password" name="senha" size="50" value=""><br>
Confirmação da Nova Senha: <input type="password" name="confirmacao" size="50" value="">

<input type="button" value="Confirmar Alteração" onclick="javascript:sendForm()"> 

</div>
#{/form}


</div>

</div>
